<!DOCTYPE html>
<html lang="en" style="height: 100%;">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <title>Title</title>
    <link rel="stylesheet" href="../../static/css/app.css">
    <link rel="stylesheet" href="../../static/css/bootstrap.min.css">
    <script src="../../static/js/echarts.js"></script>
    <script src="../../static/js/jquery-3.6.4.js"></script>
    <script src="../../static/js/china.js?version=1.0"></script>
</head>

<body class="bg06">
    <header class="header">
    <div id='currentTime'></div>
        <h3>票务运营销售大屏</h3>
    </header>

    <div class="wrapper">
        <div class="container-fluid">
            <div class="row fill-h">

                <div class="col-lg-3 fill-h">
                    <div class="xpanel-wrapper xpanel-wrapper-1-2">
                        <div class="xpanel">
                            <div class="title">各省游客数量</div>
                            <div class="left_right_div" id="data_province"></div>
                        </div>
                    </div>
                    <div class="xpanel-wrapper xpanel-wrapper-1-2">
                        <div class="xpanel">
                            <div class="title">各游轮月销售总金额</div>
                            <div class="left_right_div" id="data_boat_month"></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 fill-h">
                    <div class="xpanel-wrapper xpanel-wrapper-1-2">
                        <div class="xpanel">
                            <div class="title">2020年船票月销售金额波动</div>
                            <div class="left_right_div" id="data_month"></div>
                        </div>
                    </div>
                    <div class="xpanel-wrapper xpanel-wrapper-1-2">
                        <div class="xpanel">
                            <div class="title">各游轮年销售总金额</div>
                            <div class="left_right_div" id="data_boat_year"></div>
                        </div>
                    </div>
                </div>

{#                <div class="col-lg-6 fill-h">#}
{#                    <div class="xpanel-wrapper xpanel-wrapper-1">#}
{#                        <div class="xpanel no-padding no-bg">#}
{#                            <div class="center_title">各省份销售和利润情况</div>#}
{#                            <div class="center_div">#}
{#                                <div class="title1"></div>#}
{#                                <div class="center_div1" id="data_province"></div>#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}
{#                </div>#}

                <div class="col-lg-3 fill-h">
                    <div class="xpanel-wrapper xpanel-wrapper-2-3">
                        <div class="xpanel">
                            <div class="title">游客性别占比</div>
                            <div class="left_right_div" id="data_sex"></div>
                        </div>
                    </div>

                    <div class="xpanel-wrapper xpanel-wrapper-1-3">
                        <div class="xpanel">
                            <div class="title">各代理商销售情况</div>
                            <div class="left_right_div" id="data_agent"></div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-3 fill-h">
                    <div class="xpanel-wrapper xpanel-wrapper-2-3">
                        <div class="xpanel">
                            <div class="title">节假日平均高峰期销售额</div>
                            <div class="left_right_div" id="data_holiday"></div>
                        </div>
                    </div>
                    <div class="xpanel-wrapper xpanel-wrapper-1-3">
                        <div class="xpanel">
                            <div class="title">每天不同时间段票量销售情况</div>
                            <div class="left_right_div" id="data_day"></div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script src="../../static/js/sales_echarts.js"></script>
</body>

</html>



{#安置地图展示游客来源分布：#}
{##}
{#图表类型建议：地图（地理坐标系）#}
{#在地图上标示不同地区的游客来源数量或比例。可以使用热力图或符号地图来显示不同地区的游客量。#}
{#近两年（2020）每月船票销售金额波动：#}
{##}
{#图表类型建议：折线图#}
{#使用折线图展示每月的船票销售金额，以观察销售金额随时间的变化趋势。#}
{#性别显示占比：#}
{##}
{#图表类型建议：饼图#}
{#使用饼图展示男性和女性的占比情况，清晰展示性别之间的比例关系。#}
{#法定节假日平均高峰期销售额：#}
{##}
{#图表类型建议：柱状图#}
{#使用柱状图展示法定节假日每年的销售额度，可以对比不同年份的销售情况。#}
{#不同游轮月销售总金额比较：#}
{##}
{#图表类型建议：堆叠柱状图#}
{#使用堆叠柱状图展示不同游轮每月的销售总金额，以便比较不同游轮之间的销售情况。#}
{#不同游轮每年销售量占比：#}
{##}
{#图表类型建议：雷达图#}
{#使用雷达图展示不同游轮每年的销售量占比，可以清晰地比较不同游轮在不同年份的销售情况。#}
{#代理商销售排名顺序：#}
{##}
{#图表类型建议：条形图#}
{#使用条形图展示代理商销售额度的排名顺序，清晰地展示各代理商的销售情况。#}
{#每天不同时间的票量销售对比：#}
{##}
{#图表类型建议：面积图#}
{#使用面积图展示每天不同时间段的票量销售情况，可以观察每天销售量随时间的变化趋势。#}